<template>
    <div class="wxlj">
        <van-dropdown-menu active-color="#1989fa">
            <van-dropdown-item v-model="value" :options="option" />
        </van-dropdown-menu>
        <van-cell-group inset>
            <van-field
                v-model="message"
                autosize
                label="* 标题"
                type="textarea"
                placeholder="请输入标题"
            />
        </van-cell-group>
        <van-cell-group inset>
            <van-field
                v-model="message2"
                autosize
                label="* 具体内容"
                type="textarea"
                placeholder="请输入具体内容"
            />
        </van-cell-group>
        <van-button round block type="primary"> 提交 </van-button>
    </div>
</template>

<script>
import { DropdownMenu, DropdownItem, Field, CellGroup } from "vant";
import { ref, getCurrentInstance } from "vue";
export default {
    name: "wxlj",
    setup() {
        const value = ref(0);
        const option = [
            { text: "政策法规", value: 0 },
            { text: "农情动态", value: 1 },
            { text: "村民故事", value: 2 },
            { text: "农技知识", value: 3 },
            { text: "生产指导", value: 4 },
            { text: "其他", value: 5 },
        ];

        const message = ref("");
        const message2 = ref("");
        return {
            value,
            option,
            message,
            message2,
        };
    },
};
</script>

<style lang="less" scoped>
.wxlj {
    box-sizing: border-box;
}
/deep/.van-dropdown-menu {
    .van-dropdown-menu__bar {
        // box-shadow: none;
        // height: 36px;
        width: 343px;
        height: 40px;
        margin: 10px auto;
    }
    .van-dropdown-menu__title {
        // border: 1px solid #d7d8da;
        border-radius: 5px;
        width: 80px;
        font-size: 13px;
        font-family: "PingFang-SC-Regular";
        color: #363a44;
    }
    .van-dropdown-menu__title:after {
        right: 5px;
    }
}
.van-cell-group {
    box-sizing: border-box;
    margin-bottom: 10px;
    .van-field__label {
        color: #363a44;
    }
}
.van-button {
    box-sizing: border-box;
    width: 343px;
    margin: 50px auto 0;
    font-size: 16px;
}
</style>
